@(title: String)(mainId: String, id: String)(content: Html)(implicit request: RequestHeader, messages: Messages)
<!DOCTYPE html>

<html lang="en">
	<head>
		<title id="shareTitle">@title</title>

		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">

		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-sweetalert-master/dist/sweetalert.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrapvalidator-master/dist/css/bootstrapValidator.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-fileinput-master/css/fileinput.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-toggle/dist/css/bootstrap4-toggle.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-datepicker-1.6.4-dist/css/bootstrap-datepicker3.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("select2-4.0.3/dist/css/select2.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap/css/bootstrap.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap/css/bootstrap-theme.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("font-awesome-4.7.0/css/font-awesome.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/layout.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/components.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/darkblue.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/uniform.default.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("jquery-treegrid/css/jquery.treegrid.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-table-master/dist/bootstrap-table.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-table-master/dist/extensions/filter-control/bootstrap-table-filter-control.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/plugins.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/my.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-table-master/dist/extensions/fixed-columns/bootstrap-table-fixed-columns.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("jquery-minicolors/jquery.minicolors.css")">

		<link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.ico")">

		<script src="@routes.Assets.at("bootstrap/js/jquery-3.1.1.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/jquery-migrate-1.2.1.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap/js/bootstrap.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("jquery-treegrid/js/jquery.treegrid.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/my-bootstrap-table.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/locale/bootstrap-table-zh-CN.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/metronic.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/layout.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/qucik-siderbar.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/demo.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-sweetalert-master/dist/my-sweetalert.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/export/bootstrap-table-export.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/export/tableExport.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/sticky-header/bootstrap-table-sticky-header.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-toggle/dist/js/bootstrap4-toggle.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("layer-v3.0/layer/layer.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("select2-4.0.3/dist/js/my-select2.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("select2-4.0.3/dist/js/i18n/zh-CN.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("Highcharts-5.0.12/code/highcharts.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("Highcharts-5.0.12/code/modules/venn.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/bootstrap3-typeahead.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/multiselect.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrapvalidator-master/dist/js/bootstrapValidator.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/global.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-datepicker-1.6.4-dist/js/bootstrap-datepicker.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-datepicker-1.6.4-dist/locales/bootstrap-datepicker.zh-CN.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-fileinput-master/js/fileinput.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-fileinput-master/js/locales/zh.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("FileSaver.js-master/FileSaver.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/zip.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/deflate.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/inflate.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("zTree_v3/js/jquery.ztree.core.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("plotly/dist/plotly.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-wizard/jquery.bootstrap.wizard.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("distpicker-master/dist/distpicker.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("react/js/react.production.min.js")"></script>
		<script src="@routes.Assets.at("react/js/react-dom.production.min.js")"></script>
		<script src="@routes.Assets.at("jquery-minicolors/jquery.minicolors.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/fixed-columns/my-bootstrap-table-fixed-columns.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/treegrid/bootstrap-table-treegrid.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("jquery-resizable/dist/jquery-resizable.js")" type="text/javascript"></script>

		<script src="@routes.AppController.javascriptRoutes" type="text/javascript"></script>

		@{
			scalajs.html.scripts("client", controllers.routes.Assets.at(_).toString, name => getClass.getResource(s"/public/$name") != null)
		}

	</head>
	<body class="page-header-fixed page-quick-sidebar-over-content">
		@header()
	<div class="page-container">
		@left(mainId, id)
	<div class="page-content-wrapper">
	@content
	</div>
	</div>
		@footer()
	</body>

	<script>

				var messages = ""

				$(function () {
					let href = window.location.href;
					// if(href.indexOf("https") === 0){
					// 	console.log("ToHttp")
					// 	window.location.href = ("http" +href.slice(5))
					// }

					$('body').css('zoom', 'reset');
					$(document).keydown(function (event) {
						if ((event.ctrlKey === true || event.metaKey === true) && (event.which === 61 || event.which === 107 || event.which === 173 || event.which === 109 || event.which === 187 || event.which === 189)) {
							event.preventDefault();
						}
					});
					$(window).bind('mousewheel DOMMouseScroll', function (event) {
						if (event.ctrlKey === true || event.metaKey) {
							event.preventDefault();
						}
					});

					App.init

				})

				jQuery(document).ready(function () {
					// initiate layout and plugins
					Metronic.init(); // init metronic core components
					Layout.init(); // init current layout
					QuickSidebar.init(); // init quick sidebar
					Demo.init(); // init demo features
				});

	</script>
</html>
